<template>

    <g
            :transform="'translate(' + translateX + ',' + translateY + ')rotate('+ rotate +',130,97'+')scale('+scale+')'" class="cursor-pointer"
    >
        <!-- 避雷器的 SVG 图形 -->
        <g>
            <line x1="130" y1="97" x2="146" y2="97" :style="{stroke:color,strokeWidth:1.34}" />
            <g transform="translate(-20,0)">
                <rect  x="161" y="91" width="16" height="12" :style="{stroke:color,fill: 'transparent',strokeWidth:1.34}"></rect>
                <polyline transform="translate(20,0)" points="146,100,146,94,152,97,146,100" :style="{stroke:color,strokeWidth:1.34,fill:'none'}" />
                <line x1="189" y1="90" x2="189" y2="104" :style="{stroke:color,strokeWidth:1.34}" />
                <line x1="192" y1="92" x2="192" y2="102" :style="{stroke:color,strokeWidth:1.34}" />
                <line x1="195" y1="94" x2="195" y2="100" :style="{stroke:color,strokeWidth:1.34}" />

                <line x1="177" y1="97" x2="189" y2="97" :style="{stroke:color,strokeWidth:1.34}" />

            </g>
        </g>
    </g>
</template>

<script>
export default {
    name: "blq",
    props: {
        translateX: { type: Number, default: 0 },
        translateY: { type: Number, default: 0 },
        rotate: { type: Number, default: 0 },
        scale: { type: Number, default: 1 },
        name: { type: String, default: '' },
        stateDesc:{
            type: String,
            default: ""
        },
        color: { type: String, default: 'rgb(0,210,0)' },
        isMainPage:{
            type: Boolean,
            default: false


        },

    },
    methods: {
    },
}
</script>

<style lang="less" scoped>
.cursor-pointer {
  cursor: pointer;
}
</style>
